﻿/*  global
---------------------------------------------------------------------*/
*{
    margin:0px ;
    padding: 0px;
    font-size: 14px;
}
body{
	position:absolute;
    left: 50%;
    margin-left:-490px;
    width: 980px;
	background: #D3E59E url(../Images/des_background_2.gif) top  repeat-x;
}
.bodyDes{
    background: #D3E59E url(../Images/des_background_1.gif) top  repeat-x;
}

/*  a
---------------------------------------------------------------------*/
a:link{
    color:#999933;
    text-decoration:none;
}
#subjects a:link{
    text-decoration:none;
    color:#7BC21E;
}
a:visited{
    color:#77AB59;
    text-decoration:none;
}
a:hover, a:active{
    color:#36802D;
    border-bottom:dotted thin #333;
    padding-bottom:1px  ;
}
/*  designer
---------------------------------------------------------------------*/
#designer{
    margin:0px auto;
    width:980px;
    height:250px;
    background: url(../Images/des_dback.gif) top repeat-x;
}
#des_menu{
    margin:0px 2px;
    height:40px;
    background:#adc863;
    font-size:16px;
    font-weight:bold;
}
#des_menu ul{
    list-style:none;
    margin:0px;
    display:block;
    height:40px;
}
#des_menu li{
    float:left;
    margin:0px 20px 0px 35px;
    padding:0px;
}
#des_menu span{
    display:block;
    height:40px;
    width:60px;
    text-align:center;
    line-height:48px;
}
#des_menu span.current, #des_menu span.current_over{
    background:url(../Images/des_nav_cur.gif) bottom no-repeat;
}
/*  designer.des_content
---------------------------------------------------------------------*/
#des_content{
    margin:0px 2px 5px 2px;
    padding:0px;
    height:205px;
    background:url(../Images/des_layout_bg.gif) bottom no-repeat;
}
#des_content div.des_page_cont{
	position:absolute;
	top:45px;
	left:5px;
	width:98%;
}
#onLoadingDes{
	height:100%;
	width:100%;
	background: #7A8265 url(../../Images/ajax-loader1.gif) no-repeat center center;
}

/*  designer.loyout
---------------------------------------------------------------------*/
#des_loyout{
    margin:0px 5px;
    height:100%;
    padding:5px;
}
#des_loyout ul{
    list-style:none;
    margin:0px;
    display:block;
    height:100%;
}
#des_loyout li{
    float:left;
    width:140px;
    height:90px;
    margin:35px 45px;
}
#des_loyout span{
    display:none;
}
#des_loyout li.v_1_1{
    background:url(../Images/des_loyout_1_1_h.gif) no-repeat;
}
#des_loyout li.v_2_1{
    background:url(../Images/des_loyout_2_1_h.gif) no-repeat;
}
#des_loyout li.h_1_1{
    background:url(../Images/des_loyout_1_1_v.gif) no-repeat;
}
#des_loyout  li.current{
    border: solid #52D554 1px;
}
/*  des_content.background   pageheader
---------------------------------------------------------------------*/
#background p, #pageheader p{
	margin:20px 5px;
	padding:2px;
	width:100%;
}
#background p label, #pageheader p label{
	margin:5px 30px;
	width:60px;
}
#background input, #pageheader input{
	margin-left:30px;
}
#background  #bg_image{
	width:100px;
}
#background  inupt.ds_submit, #background  inupt.ds_submit{
	width:80px;
	height:30px;
	margin-top:20px;
	margin-left:40%;
}
/*  des_content.layerblocks
---------------------------------------------------------------------*/
#layerblocks{
	
	
}
#layerblocks ul{
	display:block;
	list-style:none;
}
#layerblocks li{
	float:left;
	margin:2px 30px;
	width:242px;
	height:102px;
}
#layerblocks div.img_box{
	border:solid 1px #7CD063;
}
/*  header
---------------------------------------------------------------------*/
#header{
    margin:0px auto;
    height:250px;
    position:relative;
}
/*  header.logo
---------------------------------------------------------------------*/
#logo{
    width:190px;
    height:110px;
    position:absolute;
    left:-5px;
    top:72px;
}
#logo h1{
    background: url(../Images/des_logo.gif) top right no-repeat;
    width:190px;
    height:110px;
    padding:0px;
    margin:0px;
}
#logo h1 span{
    display:none;
}
/*  header.showdes
---------------------------------------------------------------------*/
#showdes{
    position:absolute;
    top:5px;
    right:12px;
    color:#99a505;
}
/*  header.navigation
---------------------------------------------------------------------*/
#navigation{
    position:absolute;
    top:200px;
    width:981px;
    margin:0px auto;
    height:54px;
    background:url(../Images/des_navigation.gif) no-repeat;
}
#navigation ul{
    list-style:none;
    margin-left:25px;
}
#navigation li{
    display:inherit;
    width:100px;
    margin:1px 0px 1px 10px;
}
/*  content
---------------------------------------------------------------------*/
#content{
    border:dotted #333 1px;
    width:976px;
    height:500px;
    margin:10px 2px;
}
#content div.hascontent{
    height:900px;
}
/*  content.model
---------------------------------------------------------------------*/
#content div.box{
    border:solid #9C53C0 1px;
    margin:2px;
	position:relative;
}
#content div.mosover{
	border: solid #2B0557 1px;
}
/*  edit
---------------------------------------------------------------------*/
#content div.edit_but{
	width: 40px; 
	height: 25px; 
	position:absolute; 
	border: solid #9C53C0 1px; 
	font-size: 15px;
	top:-26px;
	right:0px;
	line-height:25px;
	text-align:center;
}
/*  footer
---------------------------------------------------------------------*/
#footer{
    clear:both;
    margin:10px auto 2px;
    width:975px;
    text-align:center;
    position:relative;
    border:dotted #917b33 2px;
}
#footer ul{
    height:20px;
    margin:1px auto;
    padding-top:10px;
    list-style:none;
}
#footer ul li{
    display:inline;
    margin:2px 5px;
}
#footer p{
    margin:8px auto;
    clear:left;
}
/*  MB_windows
---------------------------------------------------------------------*/
#MB_overlay {
	position: absolute;
	margin: auto;
	top: 0;	left: -50%;
	width: 200%; height: 100%;
	border:solid #000 1px;
	z-index: 9999;
	background-color: #000!important;
}
#MB_window{
	position:absolute;
	width:100%!important;
	left: 0px!important;
	margin:0px auto;
	z-index: 10000;
}
#MB_frame {
	position: relative;
	width:651px;
	margin:0px auto;
	background:#fff url(../Images/editBox.gif) no-repeat;
	height: 100%;
}

#MB_header {
	margin: 0px 2px;
	padding: 0px;
	height:40px;
}

#MB_content {
	padding: 6px .75em;
	overflow: auto;
	height:350px;
}

#MB_caption {
	font-weight:  bold ;
	font-size:16px;
	color:#99CC00 ;
	text-shadow: #FFF 0 1px 0;
	line-height:40px;
	text-align: center;
	height:40px;
}

#MB_close {
	display: block;
	position: absolute;
	right: -5px; top: -34px;
	padding: 0px;
	width:30px;
	height:32px;
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
	background:url(../Images/cancelBut.gif) no-repeat;
}
#MB_close  span{
	display:none;
}

#MB_loading {
	padding: 1.5em;
	text-indent: -10000px;
	background: transparent url(../Images/spinner.gif) 50% 0 no-repeat;
}
